{adminMenuBar}
<style>
.adminTable {
	border-width: 1px;
	border-spacing: 0px;
	border-style: inset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

.adminTable th {
	border-width: thin;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius:;
}

.adminTable td {
	border-width: thin;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius:;
}
</style>
<script>
$(document).ready(function() {
	$("#userIdSearch").autocomplete({
		source : "/ajax/usernameSearch?type=all",
		minLength : 2,
		select : function(event, ui) {
			$("#recipientInput").val('');
			$("#userIdInput").val(ui.item.id);
			return true;
		}
	});
});
</script>

<table width="100%">
	<tr>
		<td width="550" valign="top">
			<table class="adminTable" width="500" border="0"
				style="margin-top: 10px;">
				<tr>
					<th width="50">User ID</th>
					<th align="left">Username</th>
					<th width="20">{deleteLink}</th>
				</tr>
				{adminList}
			</table>
		</td>
		<td valign="top" style="padding-top: 10px;">
			<b>Add Administrator:</b>
			<table width="100%">
				<tr>
					<td align="right">User ID:</td>
					<td>
						<form action="/admin/manageAdmins" method="POST">
							<input type="hidden" name="randomKey" value="{randomKey}">
							<input type="hidden" name="action" value="addAdmin">
							<input type="text" name="userId" id="userIdInput">
							<input type="submit" value="Make user ADMIN">
						</form>
					</td>
				</tr>
				<tr>
					<td align="right">Search an ID:</td>
					<td><input type="text" id="userIdSearch" value="" /></td>
				</tr>
			</table>
		</td>
	</tr>
</table>



